.user_blog_bg {
	background-image: url('../../assets/images/user-blog-bg.png');
	background-repeat: no-repeat;
	background-position: top;
	// background-size: 1920px 100px;
	height: 300px;
	position: relative;
	top: 54px;
	// margin-top: 56px;
}
.user_blog_container {
	width: 100%;
	margin-top: -300px;
	.top_user_blog_info {
		width: 100%;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		.top_user_blog_info_left {
			padding: 20px;
			display: flex;
			flex-direction: column;
			// width: 100%;
			// flex: 1;
			align-items: center;
		}
		.top_user_blog_info_right {
			flex: 1;
			padding: 20px;
			.user_blog_info_focu_wrap {
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				justify-content: space-between;
				margin-bottom: 15px;
				.user_blog_info_name {
					font-size: 22px;
					color: #222226;
					flex: 1;
				}
			}
			.num_wrap {
				display: flex;
				flex-wrap: wrap;
				margin-bottom: 10px;
				.num_item {
					font-size: 14px;
					color: #555666;
					margin-right: 18px;
					margin-bottom: 10px;
					span {
						font-weight: 700;
						font-size: 20px;
						color: #222226;
					}
				}
			}
			.hobby_wrap {
				// margin-bottom: 10px;
				.tag_item {
					margin-right: 12px;
					margin-bottom: 10px;
				}
			}
			.user_blog_desc {
				font-size: 14px;
				line-height: 1.5;
			}
		}
	}
	.bottom_user_blog_content {
		margin-top: 20px;
		padding: 20px;
	}
}
:deep(.el-tabs__item) {
	font-size: 16px;
}

@media screen and (max-width: 474px) {
	.top_user_blog_info_left {
		width: 100%;
		align-items: center;
	}
	.user_blog_info_name {
		text-align: center;
	}
	.num_wrap {
		justify-content: center;
		.num_item {
			span {
				// font-size: 14px !important;
			}
		}
	}
}
.tab_pane_wrapper {
	// padding: 20px 0;
}
.pagination_container {
	display: flex;
	justify-content: flex-end;
	margin-top: 40px;
}
.sub_people_list {
	.sub_people_item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		border-bottom: 1px solid #eee;
		.sub_people_left {
		}
		.sub_people_right {
			font-size: 16px;
			color: #222226;
			padding: 0 10px;
			margin: 6px 0;
			overflow: hidden;
			.sub_people_name {
				margin-bottom: 10px;
			}
			.sub_people_desc {
				color: #555666;
				font-size: 14px;
			}
		}
		.sub_people_end {
		}
	}
}